.body2 {
  .right {
    margin-left: 30px;
    width: 288px;

    .right-item {
      background-color: white;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
      padding: 24px;
      border-radius: 5px;
    }

    .header {
      padding: 10px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #ecedee;

      .header-left {
        display: flex;
        align-items: center;
      }

      .header-right {
        display: flex;
        align-items: center;
      }
    }

    .right01 {
      .header-right {
        font-size: 12px;
        color: #999;

        i {
          color: #22b250;
          margin-left: 5px;
        }
      }

      & > .content {
        position: relative;
      }

      .content2 {
        max-height: 420px;
        overflow-y: scroll; // auto 也行
        .event {
          display: flex;
          margin: 10px 0;

          .label {
            margin-top: 3px;
            margin-right: 8px;

            img {
              width: 20px;
              height: 20px;
              border-radius: 50%;
              display: block;
            }
          }

          .content {
            background: #f7f8f9;
            padding: 8px 10px;
            border-radius: 10px;
            width: calc(100% - 25px);

            a {
              color: #111;
              font-size: 13px;
            }
          }
        }
      }

      .content2::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 4px;
        height: 50px;
        background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
        pointer-events: none;
        transition: opacity .2s ease;
      }

      /* 滑块横竖方向的长度 */

      .content2::-webkit-scrollbar {
        width: 4px !important;
        height: 4px !important;
      }

      /* 滑块轨道样式 */

      .content2::-webkit-scrollbar-track {
        visibility: visible;
        border-radius: 2px;
      }

      /* 滑块样式 */

      .content2::-webkit-scrollbar-thumb {
        cursor: pointer;
        background: #d7d7d7;
        border-radius: 2px;
      }
    }

    .right02 {
      margin-top: 30px;

      .header {
        font-size: 14px;

        svg {
          width: 20px;
          height: 20px;
          margin-right: 8px;
        }
      }
    }

    .right03 {
      margin-top: 30px;

      .content {
        .content-item {
          margin: 10px 0;
          display: flex;
          align-items: center;
          justify-content: space-between;

          & > div {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 14px;
          }

          & > div:hover {
            cursor: pointer;
            border-bottom: 1px solid #d3d3d3
          }

          & > span {
            flex-shrink: 0;
            margin-left: 8px;
            color: #ba6721;
            font-size: 14px;
            font-family: Courier, sans-serif;
          }
        }
      }
    }
  }
}

.theLi2 {
  margin: 10px 0;

  .t1 {
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 14px;
  }

  .t1:hover {
    text-decoration: underline;
    text-decoration-color: #b4b4b4;
    cursor: pointer;
  }

  .t2 {
    margin-top: 4px;
    line-height: 20px;
    color: #888;
    overflow: hidden;
    //height: 30px;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 12px;
    /* 设置只能有两行 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
}
